@font-face {
    font-family: "Mona Sans";
    font-weight: 200 900;
    font-stretch: 75% 125%;
    font-style: normal;
    font-display: swap;
    src: url(font/mona-sans/monasans.woff2) format(woff2) tech(variations),
         url(font/mona-sans/monasans.woff2) format("woff2-variations");
}
.mona-sans {
    font-variation-settings: "wdth" var(--mona-sans-wdth, 100), "wght" var(--mona-sans-wght, 200), "slnt" var(--mona-sans-slnt, 0);
}/* available OT features: aalt case ccmp dnom frac liga numr ordn pnum rvrn sinf ss01 ss03 subs sups tnum */

body{
    font-family: "Mona Sans", sans-serif;
}
h1 {font-size: 200px;
    text-align: center;
    
    animation: mutant 5s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate; }
@keyframes mutant {
    0% { font-variation-settings: "wdth" 0, "wght" 0 }
    25% { font-variation-settings: "wdth" 125, "wght" 0 }
    50% { font-variation-settings: "wdth" 125, "wght" 900 }
    75% { font-variation-settings: "wdth" 0, "wght" 900 }
    100% { font-variation-settings: "wdth" 0, "wght" 0 }
}

time {
    /* font-weight: 625; */
    font-variation-settings: "wdth" 75, "wght" 650
}